{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block head %}
    {{ super() }}
 
	<script type="text/javascript" src="/assets/js/jquery.js"></script>
  	<script type="text/javascript" src="/assets/js/jquery.validate.js"></script>
  	
 	<script>
		$(document).ready(function() {   
			$("#form1").validate({   
				rules: {name: {required: true
					   },   
				messages: {name: {required: "Este campo es obligatorio"
				                  }
				          }   
				}
			);   
		}); 
  </script>
    
{% endblock %}
{% block content %}
    <br>
	<form id ="form1" action="/generate-budget/" method="post">
    	<table>
      		<tr>
				<td>Nombre*</td>
      			<td><input type="text" name="name" value={% if budget.name ==None %} "" {%else%} "{{budget.name}}" {%endif%} /></td>
      		</tr>
      		<tr>
      	</table>
        <table>
        	<tr>
        		<td><input name="btnSave" type="submit" value="Guardar" /> </td>
        		<td><input class="cancel" name="btnCancel" type="submit" value="Volver" /></td>
        	</tr>
        </table>
    </form>
    <br>
{% endblock %}
